<%@page import="com.winexpress.product.Category"%>
<%@page import="com.winexpress.product.Wine"%>
<%@page import="java.util.ArrayList"%>
<%@page import="com.winexpress.sr.SalesReport"%>
<%@page import="java.util.List"%>
<%@page import="com.winexpress.util.SessionAttributes"%>
<%@taglib prefix="t" tagdir="/WEB-INF/tags" %>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link href="/WineXpressClient/resources/css/morris.css" rel="stylesheet" type="text/css" />
        <title>wineXpress online shop</title>        
    </head>
    <body>
        <t:adminNavigation/>
        <br/><br/>
        <div class="panel panel-default" style="width:70%; margin-left: 15%; margin-top: 10px" >
            <div class="panel-heading">
                <h3 class="panel-title">Select Report Period and Product</h3>
            </div>
            <div class="panel-body">
                <form class="form-horizontal" role="form" id="defaultForm"  name="register" action="/WineXpressClient/salesReportManagement/salesPeriodCategory" method="post">
                    <div class="form-group">
                        <label class="col-sm-4 control-label">From</label>                       
                    </div>
                    <div class="form-group">
                        <label class="col-sm-4 control-label">Year</label>
                        <div class="col-lg-2">
                            <select class="form-control" name="fromYear">
                                <option value="">-- Select a Year --</option>
                                <option value="2012">2012</option>
                                <option value="2013">2013</option>
                                <option value="2014">2014</option>                                                                   
                            </select>                            
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-4 control-label">Month</label>
                        <div class="col-lg-4">
                            <select class="form-control" name="fromMonth">
                                <option value="">-- Select a Month --</option>
                                <option value="January">01</option>
                                <option value="February">02</option>
                                <option value="March">03</option>    
                                <option value="April">04</option>
                                <option value="May">05</option>
                                <option value="June">06</option>    
                                <option value="July">07</option>
                                <option value="August">08</option>
                                <option value="September">09</option>    
                                <option value="October">10</option>
                                <option value="November">11</option>
                                <option value="December">12</option>    
                            </select>                            
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-4 control-label">Day</label>
                        <div class="col-lg-4">
                            <select class="form-control" name="fromDay">
                                <option value="">-- Select a Day --</option>
                                <option value="01">01</option>
                                <option value="02">02</option>
                                <option value="03">03</option>    
                                <option value="04">04</option>
                                <option value="05">05</option>
                                <option value="06">06</option>    
                                <option value="07">07</option>
                                <option value="08">08</option>
                                <option value="09">09</option>    
                                <option value="10">10</option>
                                <option value="11">11</option>
                                <option value="12">12</option>    
                                <option value="13">13</option>
                                <option value="14">14</option>
                                <option value="15">15</option>    
                                <option value="16">16</option>
                                <option value="17">17</option>
                                <option value="18">18</option>    
                                <option value="19">19</option>
                                <option value="20">20</option>
                                <option value="21">21</option>    
                                <option value="22">22</option>
                                <option value="23">23</option>
                                <option value="24">24</option>    
                                <option value="25">25</option>
                                <option value="26">26</option>    
                                <option value="27">27</option>
                                <option value="28">28</option>
                                <option value="29">29</option>    
                                <option value="30">30</option>
                                <option value="31">31</option>
                            </select>                            
                        </div>
                    </div>

                    <div class="form-group">
                        <label class="col-sm-4 control-label">To</label>                       
                    </div>
                    <div class="form-group">
                        <label class="col-sm-4 control-label">Year</label>
                        <div class="col-lg-4">
                            <select class="form-control" name="toYear">
                                <option value="">-- Select a Year --</option>
                                <option value="2012">2012</option>
                                <option value="2013">2013</option>
                                <option value="2014">2014</option>                                                                   
                            </select>                            
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-4 control-label">Month</label>
                        <div class="col-lg-4">
                            <select class="form-control" name="toMonth">
                                <option value="">-- Select a Month --</option>
                                <option value="January">01</option>
                                <option value="February">02</option>
                                <option value="March">03</option>    
                                <option value="April">04</option>
                                <option value="May">05</option>
                                <option value="June">06</option>    
                                <option value="July">07</option>
                                <option value="August">08</option>
                                <option value="September">09</option>    
                                <option value="October">10</option>
                                <option value="November">11</option>
                                <option value="December">12</option>    
                            </select>                            
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-4 control-label">Day</label>
                        <div class="col-lg-4">
                            <select class="form-control" name="toDay">
                                <option value="">-- Select a Day --</option>
                                <option value="01">01</option>
                                <option value="02">02</option>
                                <option value="03">03</option>    
                                <option value="04">04</option>
                                <option value="05">05</option>
                                <option value="06">06</option>    
                                <option value="07">07</option>
                                <option value="08">08</option>
                                <option value="09">09</option>    
                                <option value="10">10</option>
                                <option value="11">11</option>
                                <option value="12">12</option>    
                                <option value="13">13</option>
                                <option value="14">14</option>
                                <option value="15">15</option>    
                                <option value="16">16</option>
                                <option value="17">17</option>
                                <option value="18">18</option>    
                                <option value="19">19</option>
                                <option value="20">20</option>
                                <option value="21">21</option>    
                                <option value="22">22</option>
                                <option value="23">23</option>
                                <option value="24">24</option>    
                                <option value="25">25</option>
                                <option value="26">26</option>    
                                <option value="27">27</option>
                                <option value="28">28</option>
                                <option value="29">29</option>    
                                <option value="30">30</option>
                                <option value="31">31</option>
                            </select>                            
                        </div>
                    </div>
                    <div class="form-group"> </div>
                    
                    
                    <div class="form-group"> 
                         <%  List<Category> list = (List) request.getAttribute("catList");%>
                        <label class="col-sm-4 control-label">Category</label> 
                        <div class="col-lg-4">
                                <select class="form-control" name="catid">
                                    <option value="">-- Select a Category --</option>                                    
                                      <%      for (Object o : list) {
                                                Category c = (Category) o;%>                                    
                                    <option value="<%=c.getCategoryID()%>"> <%=c.getName()%> </option>    
                                    <%}%>
                                  
                                </select>
                            </div>         
                    </div>



                    <div class="form-group">
                        <div class="col-sm-offset-4 col-sm-8">
                            <button type="submit" class="btn btn-default">Submit</button>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </body>
</html>    